body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;
}

.main .item {
    background-color: var(--ff);
    border-radius: .2rem;
}

.main .item .title {
    background: #E5E8EC;
    border-radius: .2rem .2rem 0 0;
    padding: .24rem .3rem;
}

.main .item .title .time {
    font-weight: 400;
    font-size: .24rem;
    color: var(--66);
}

.main .item .title .status {
    font-weight: 400;
    font-size: var(--default-font-size-28);
    color: var(--bd);
}

.main .item .content {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
}

.main .item .images {
    gap: .2rem;
    flex-wrap: wrap;
    padding-top: 0;
}

.main .item .images > img {
    width: 1.62rem;
    height: 1.62rem;
    border-radius: .14rem;
}

.main .item .reply {
    background: #F6F8FA;
    border-radius: .20rem;
}

.main .item .reply .reply-title {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: #12AAAB;
    margin-bottom: .12rem;
}

.main .item .reply .reply-content {
    font-weight: 400;
    font-size: .24rem;
    color: #12AAAB;
}